<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>在线服务运维平台</title>
<!--<link rel="stylesheet" href="/static/css/general.css" type="text/css" />-->
<link rel="stylesheet" href="/static/css/common.css" type="text/css" />
<link rel="stylesheet" href="/static/css/style.css" type="text/css" />
<link rel="stylesheet" href="/static/css/forms.css" type="text/css" />
<link rel="stylesheet" href="/static/css/jquery.treeview.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/validation.js"></script>
<script type="text/javascript" src="/static/js/jquery.treeview.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript">
function nav(obj){
	var menu1 = document.getElementById("menu1")
	var tagas=menu1.getElementsByTagName("a");
	for(var i=0;i<tagas.length;i++){	 
		tagas[i].className="";
	}
	obj.className="nav_down";
}
function formReset(){
    $("#id_tname").val("");
    $("#id_attach").val("");
    $("#id_hid").val("");
    $("#id_detail").val("");
}
$(document).ready(function(){
	$("#browser").treeview({
        collapsed:true,
        persist: "cookie",
	});
});
</script>

{% block header_js %}
{% endblock %}
</head>
<body>
<div class="header">
    <div class="userinfo">
        {% if request.user %}
    	您好: 
    	<strong><a href="#">{{ request.user }}</a></strong> | 
		<strong><a href="/accounts/logout" id="logout">退出</a></strong>
  	    {% else %}
    	<strong>你是访客，<a href="/accounts/login">请登录</a></strong>
  	    {% endif %}
    </div>
	<div class="header_left"><a href="/" style=" font: 44px bold normal;font-weight:800">OSMP</a></div>

    {% block header %}
    <div class="nav">
		<ul id="menu1">
		<li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/index"  class="nav_down"  onclick="nav(this)">首页</a></li>
		<li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/host"  onclick="nav(this)">主机</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/monitor"   onclick="nav(this)">监控</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/strategy"   onclick="nav(this)">策略</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/group"   onclick="nav(this)">GROUP</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/alert"   onclick="nav(this)">报警</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/report"   onclick="nav(this)">报表</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/wiki"   onclick="nav(this)">wiki</a></li>
        <li><img src="/static/img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="/flow"  onclick="nav(this)">流程</a></li>
        </ul>
    </div>
    {% endblock %}
</div>

{% block content %}
<div class="wrap">
	<div class="wrap_left">
    {% block content_left%}
    {% endblock %}
    </div>
    <div class="wrap_right">
    {% block content_right%}
    {% endblock %}
    </div>
</div>
{% endblock %}

{% block footer %}
<div id="footer">
<a href="/about">关于我们</a> |
<a href="http://www.baofeng.com">暴风网际科技有限公司</a> |
<a href="/pf">平台研发组</a>
</div>
{% endblock %}
</body>
</html>
